<template>
    <div class="wrapper">
        <a-card class="margin-bottom">
            <Welcome/>
        </a-card>
        <a-row :gutter="24">
            <a-col :span="16">
                <Analysis class="margin-bottom"/>
                <CoffeeList/>
            </a-col>
            <a-col :span="8">
                <shortcuts class="margin-bottom"/>
                <Technology/>
            </a-col>
        </a-row>
    </div>
</template>
<script lang="ts" setup>
import Welcome from './components/Welcome.vue';
import Technology from './components/Technology.vue';
import Shortcuts from './components/Shortcuts.vue';
import Analysis from './components/Analysis.vue';
import CoffeeList from './components/CoffeeList.vue';
</script>
<style scoped></style>